<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>丰收保险经纪</title>
	<meta name="keywords" content="丰收，保险经纪，保险经纪网，丰收经纪保险，丰收经纪网，保险超市，买保险 " />
	<meta name="description" content="丰收保险经纪网是康达尔设立的保险电子商务网站，提供国内外80余家保险公司的保险产品，通过丰收保险经纪可在线比价，方便快捷的进行保险购买。丰收保险经纪为客户免费提供专业、优质的协助理赔服务，为投保人争取最大利益。丰收保险经纪涵盖保险及产品在线购买，保险产品优惠，保险推荐，保险预约，积分兑换礼品，报案理赔等内容，就上丰收保险经纪！"/>  
	<link rel="shortcut icon" href="/templets/1/fengshou//images/logo.ico" type="x-icon">  
	<meta name="mstore-key" content="9df3e70af1e8c8c8c54122c728"/> 
	 <link rel="stylesheet" href="/templets/1/fengshou//css/base.css" />
	<link rel="stylesheet" href="/templets/1/fengshou//css/home.css" />
 	<link rel="stylesheet" href="/templets/1/fengshou//css/element.css" />
    <link rel="stylesheet" href="/templets/1/fengshou//css/main.css" />
     <script src="/templets/1/fengshou//js/jquery.js"></script>
    <script src="/templets/1/fengshou//js/vue.js"></script>
    <script src="/templets/1/fengshou//js/element.js"></script>
</head>

<body>
<script type="text/javascript">
      $.ajax({
                        type: 'POST',
                        url:'http://www.fengshou-ins.com/kder-api/user/checkLogin.do',
                        data:{},
						dataType:'json',
                        success:function(res){
                            if(res.code==="0"){
                                   var welcomeName = '';
                                  if(res.data.loginUser.peopleName){
                                        welcomeName  = res.data.loginUser.peopleName;
                                    }else{
                                         welcomeName  = res.data.loginUser.peoplePhone;
                                    }
                                 $(".welcome").text('Hi '+welcomeName+', 您好！');
                                 $("#myOrder").show();
                                 $("#logouta").show();
                                 $("#logina").hide();
                                 $("#registera").hide();
                            }else{
                                
                            }
                        }
                    })
                  //end ajax
  </script> 
<script type="text/javascript">
    	
       function GetQueryString1(name){
			var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r!=null)return  unescape(r[2]); return null;
        }
	
		
		function logoutFun(){
			$.ajax({
					type: 'POST',
					url:'http://www.fengshou-ins.com/kder-api/user/logout.do',
					data:{},
					dataType:'json',
					success:function(res){
						if(res.code==="0"){
							  location.href = "http://www.fengshou-ins.com/login.do";
						}else{
							
						}
					}
				})
			  //end ajax
		}
		
</script>
  
<div class="top-bar">
    <div class="container clearfix">
        <p class="left">
        </p>
        <p class="right">
            <a id="logina" href="/login.do">登陆</a> |
            <a id="registera" href="/register.do">注册</a>
			<a id="logouta" onclick="javascript:logoutFun();" style="display:none"  href="http://www.fengshou-ins.com">退出</a>
        </p>
    </div>
</div>
<div class="top-header">
    <div class="container clearfix">
        <a href="http://www.fengshou-ins.com" class="logo">
            <img src="/templets/1/fengshou//images/logo.png" alt="" width="177" height="47" />
        </a>
        <ul class="header-nav">
            <li><a   id="top_ng1"  target="_self" href="http://www.fengshou-ins.com?topNgId=1">首 页</a></li>
            <li><a   id="top_ng2" class="on" target="_self" href="/ins/view/index.do">全部保险产品</a></li>
            <li><a  id="top_ng3"  target="_self" href="/html/1/154/index.html?topNgId=3">保险理赔</a></li>
            <li><a  id="top_ng4" target="_self" href="/html/1/177/index.html?topNgId=4">企业团险</a></li>
            <li><a  id="top_ng5" target="_self" href="/html/1/93/94/index.html?topNgId=5">信息披露</a></li>
	   <!-- <li id="myOrder"  style="display:none"><a id="top_ng6" target="_self" href="center_orders.html?topNgId=6">我的保单</a></li>-->
        </ul>
        <div class="header-rnav right">
            <a href="/html/1/155/index.html">
                <i class="i1"></i>
                定制
            </a>
            <a href="">
                <i class="i2"></i>
                公众号
                <div class="wechat-img">
                    <img src="/templets/1/fengshou//images/qr_code.png" alt="" width="94" height="94" />
                </div>
            </a>
        </div>
    </div>
</div>
<div id="appCtrl" v-loack>
    <div class="container product-detail clearfix">
        <div class="product-img">
            <img src="/${ins.smallImage?default('')}" alt="" width="350" height="300" />
        </div>
        <div class="product-info clearfix">
            <h2 class="title">${ins.title?default('保险产品')}</h2>
            <div class="choose-attrs">
                <dl class="clearfix">
                    <dt>保　　额：</dt>
                    <dd>
                        <a 
                        href="javascript:;" 
                        v-for="(el,index) in product"
                        :key="index"
                        @click="amountIndex=index" 
                        :class="{on:amountIndex === index}">
                            {{el.amount/10000}} 万
                        </a>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>保障期限：</dt>
                    <dd>一年</dd>
                </dl>
                <dl class="clearfix">
                    <dt>年　　龄：</dt>
                    <dd>
                        <a 
                        v-for="(el,index) in product[amountIndex].age"
                        :key="index"
                        @click="ageIndex=index"
                        href="javascript:;"
                        :class="{on:ageIndex === index}">
                        {{el.scope}}</a>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>价　　格：</dt>
                    <dd>
                        <p class="product-info-price">
                            {{product[amountIndex].age[ageIndex].price}} <sub class="cGray">元/年</sub>
                        </p>
                    </dd>
                </dl>
            </div>
            <div class="choose-attrs-submit">
                <a href="/writingPolicy.do?insId=${ins.insId?default(0)}">立即购买</a> 
                <span class="cGray"> <span class="cGold"></span></span>
            </div>
        </div>
    </div>
    <div class="container product-article">
        <div class="product-tab-wrapper" id="stickyNav">
             <div class="product-tab">
                <ul>
                    <li class="on">产品详情</li>
                    <li>购买须知</li>
                    <li>常见问题</li>
                </ul>
            </div>            
        </div>

        <div class="tab-contents">
           ${ins.content?default('')}
        </div>
        <div class="tab-contents">
           ${ins.notice?default('')}
        </div>
        <div class="tab-contents">
           ${ins.helptext?default('')}
        </div>
    </div>
</div>
<footer class="footer">
        <div class="container">
			<h3 class="footer-title">专业服务</h3>
            <ul class="guide-list clearfix">
                <li>
                    <i class="i1"></i>
                    <h3>7 x 24小时客服</h3>
                    <p>随时随地有保障</p>
                </li>
                <li>
                    <i class="i2"></i>
                    <h3>专业理赔服务</h3>
                    <p>快速理赔不用等</p>
                </li>
                <li>
                    <i class="i3"></i>
                    <h3>保监会授权</h3>
                    <p>合法权威值得信赖</p>
                </li>
                <li>
                    <i class="i4"></i>
                    <h3>轻松投保</h3>
                    <p>多终端服务 轻松快捷</p>
                </li>
            </ul>
            <div class="service-container clearfix">
                <div class="aboutus-list">
                    <ul class="clearfix">
	                    <li> </li>
	                    <li> </li>
	                    <li> </li>
                        <li><a href="/html/1/93/94/index.html?topNgId=5">公司简介</a></li>
                        <li><a href="/html/1/59/70/index.html?topNgId=5">平台公告</a></li>
                        <li><a href="/html/1/93/96/index.html?topNgId=5">联系我们</a></li>
                    </ul>
                </div>
                <ul class="service-qr left">
                 
                    <li>
                       
                        <img src="/templets/1/fengshou//images/qr_code.png" alt="" width="94" height="94">
                        <p>关注公众号，活动早知道</p>
                    </li>
                  
                </ul>
                <div class="service-list left">
                    <p class="telphone">0755-23993886-8116 </p>
                    <p>客服工作时间 08:30-20:30</p>
                    <a href="/html/1/93/96/index.html?topNgId=5" class="udesk">一对一专属客服服务</a>
                    <p>kf@fengshou-ins.com</p>
                    <div class="border-left"></div>
                </div>
            </div>
        </div>
         <div class="copyright">
            <div class="footer-with-logo">
                  <span class="footer-with-logo-icp"><a rel="nofollow" title="ICP备案查询" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank"></a></span>&nbsp;&nbsp;
                <span class="footer-with-logo-netservice"><a rel="nofollow" title="工商网监" href="https://szcert.ebs.org.cn/46edb983-042c-44d2-9fcd-f41792d2a2e3" target="_blank"></a></span>
                
                <!-- <span class="footer-with-logo-vsafe"><a title="安全联盟行业验证" href="" target="_blank"></a></span>  -->
            </div>
            <p>深圳市康达尔（集团）股份有限公司旗下公司 深圳市丰收保险经纪有限公司 | 粤ICP备18079515号 
            </p>
        </div>
    </footer>
    <script>
        var vmodel = new Vue({
            el: '#appCtrl',
            data: function(){
                return {
                    amountIndex:0,
                    ageIndex:0,
                    product:[{
                        id:1000001,
                        amount:20000,
                        age:[{
                            scope: '45-49',
                            price: 400
                        },{
                            scope: '50-54',
                            price: 500
                        },{
                            scope: '55-59',
                            price: 600
                        }]
                    },{
                        id:1000002,
                        amount:10000,
                        age:[{
                            scope: '45-49',
                            price: 301
                        },{
                            scope: '50-54',
                            price: 401
                        },{
                            scope: '55-59',
                            price: 501
                        },{
                            scope: '60-64',
                            price: 601
                        }]
                    }]
                }
            },

           watch:{
                amountIndex: function(val){
                    var size = this.product[val].period.length-1;
                    if(this.periodIndex>size){
                        this.periodIndex = size;
                    }
                },

                periodIndex: function (val) {
                    var size = this.product[this.amountIndex].period[val].age.length - 1;
                    if(this.ageIndex>size){
                        this.ageIndex = size;
                    }
                }
            },

            methods:{
                submit: function(){


                    location.href = 'writing_policy.html?productId='+ this.product[this.amountIndex].period[this.periodIndex].age[this.ageIndex].id;
                }
            },

            mounted: function(){
                var $window = $(window),
                    stickyNav = $('#stickyNav'),
                    contents = $('.tab-contents'),
                    len = contents.length;
                    var offsetTop = 80;
                $window.on('scroll', function(){
                    if($window.scrollTop() > stickyNav.offset().top){
                        stickyNav.addClass('fixed');
                    }else{
                        stickyNav.removeClass('fixed')
                    }

                    for(var i = 0; i < len; i++){
                        var curRect = contents[i].getBoundingClientRect();
                        if(Math.floor(curRect.top) <= offsetTop && Math.floor(curRect.bottom) > offsetTop) {
                            stickyNav.find('li').removeClass('on').eq(i).addClass('on');
                            break;
                        }
                    }

                })

                stickyNav.find('li').click(function(){
                    var index = $(this).index();
                    $('html,body').animate({
                        scrollTop: contents.eq(index).offset().top-80
                    }, 500)
                    
                })
            }
        })
    </script>
</body>

</html>